<!DOCTYPE html>
<html>
<head>
	<title>注册界面</title>
	<meta charset="utf-8">
	<style type="text/css">

.text{
	width:440px;
	border: 10px solid #dedede;
	padding-left: 30px;
	padding-top: 18px;
	padding-bottom: 18px;
	margin:auto;
	color: #666666;

}

.text1{
	width: 100px;
	margin: auto;
}

 .in{
	width: 270px;
	border: none;
	outline: none;

}

.text_bottom{
	width: 20px;
	margin-right:auto;
}



.button1{
	background: #ffff00;
	color:#666666;
	border:none;
	width:69px;
	float: right;
}

.secrect{
	width: 67px;
	background-color: #f3f3f3;
	color: #666666;
	border:none;
}

.button2{
	background: #ef2222;
	width: 400px;
	color:#fff; 
	height: 58px;
	border: none;
}

	</style>
</head>
<body >

<form >
<table>
<div class="text" >
	<span style="font-size: 14px;" class="text1">用户名</span>
	<input type="text" class="in" placeholder="您的账户名和登录名">
</div>

<div class="text" >
	<span style="font-size: 14px; " class="text1">设置密码</span>
	<input type="text" class="in" placeholder="建议至少使用两种字符组合">
</div>
<div class="text" >
	<span style="font-size: 14px;">确认密码</span>
	<input type="text"  class="in" placeholder="请再次输入密码">
</div>
<div class="text">
	<span style="font-size: 14px;">中国</span>
	<select>
		<option>0086</option>
		<option>0086</option>
	</select>
	<input type="text" class="in" placeholder="您的账户名和登录名">
</div>
<div class="text">
	<span style="font-size: 14px;">验证码</span>
	<input type="text" class="in" placeholder="请输入验证码">
	<input type="button" value="2017" class="button1">
</div>
<div class="text">
	<span style="font-size: 14px;">手机验证码</span>
	<input type="text" class="in">
	<input type="text" value="获取验证码" class="secrect">
</div>
<div class="text">
	<label>
		<input type="checkbox" class="text_bottom">
		<span style="font-size: 10px;">我已阅读并同意</span>
		<span style="font-size: 10px; color: #328aff;">《京东用户注册协议》</span>
	</label>
</div>
<div class="text">
	<input type="button" value="立即注册" class="button2">
</div>

</form>

</body>
</html>